using System;
using System.Collections.Generic;

namespace MinionsEdit.Classes
{
    public static class MiColorPicker
    {
        public static string PickerCss = @"
/* Color Pickier */
.ClrSwa {
    position: relative;
    margin: 1px;
    padding: 0px;
    width: 10px;
    height: 10px;
    border: 2px solid black;
}

.ClrSwa:hover {
    border: 2px solid gold;
}

.Transparent {
    color: #CCC;
    background: transparent;
    float: right;
    border: 2px solid transparent;
}

.Transparent:hover {
    border: 2px solid gold;
}

.BorderZero {
    color: gold;
}
";
        public static string Html = @"
<table cellspacing=""0"" cellpadding=""0"">
    <tbody>
        <tr>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(255, 255, 255);"" title=""rgb(255, 255, 255)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(204, 204, 204);"" title=""rgb(204, 204, 204)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(192, 192, 192);"" title=""rgb(192, 192, 192)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(153, 153, 153);"" title=""rgb(153, 153, 153)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(102, 102, 102);"" title=""rgb(102, 102, 102)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(51, 51, 51);"" title=""rgb(51, 51, 51)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(0, 0, 0);"" title=""rgb(0, 0, 0)"">
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(255, 204, 204);"" title=""rgb(255, 204, 204)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(255, 102, 102);"" title=""rgb(255, 102, 102)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(255, 0, 0);"" title=""rgb(255, 0, 0)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(204, 0, 0);"" title=""rgb(204, 0, 0)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(153, 0, 0);"" title=""rgb(153, 0, 0)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(102, 0, 0);"" title=""rgb(102, 0, 0)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(51, 0, 0);"" title=""rgb(51, 0, 0)"">
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(255, 204, 153);"" title=""rgb(255, 204, 153)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(255, 153, 102);"" title=""rgb(255, 153, 102)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(255, 153, 0);"" title=""rgb(255, 153, 0)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(255, 102, 0);"" title=""rgb(255, 102, 0)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(204, 102, 0);"" title=""rgb(204, 102, 0)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(153, 51, 0);"" title=""rgb(153, 51, 0)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(102, 51, 0);"" title=""rgb(102, 51, 0)"">
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(255, 255, 153);"" title=""rgb(255, 255, 153)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(255, 255, 102);"" title=""rgb(255, 255, 102)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(255, 204, 102);"" title=""rgb(255, 204, 102)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(255, 204, 51);"" title=""rgb(255, 204, 51)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(204, 153, 51);"" title=""rgb(204, 153, 51)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(153, 102, 51);"" title=""rgb(153, 102, 51)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(102, 51, 51);"" title=""rgb(102, 51, 51)"">
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(255, 255, 204);"" title=""rgb(255, 255, 204)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(255, 255, 51);"" title=""rgb(255, 255, 51)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(255, 255, 0);"" title=""rgb(255, 255, 0)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(255, 204, 0);"" title=""rgb(255, 204, 0)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(153, 153, 0);"" title=""rgb(153, 153, 0)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(102, 102, 0);"" title=""rgb(102, 102, 0)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(51, 51, 0);"" title=""rgb(51, 51, 0)"">
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(153, 255, 153);"" title=""rgb(153, 255, 153)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(102, 255, 153);"" title=""rgb(102, 255, 153)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(51, 255, 51);"" title=""rgb(51, 255, 51)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(51, 204, 0);"" title=""rgb(51, 204, 0)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(0, 153, 0);"" title=""rgb(0, 153, 0)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(0, 102, 0);"" title=""rgb(0, 102, 0)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(0, 51, 0);"" title=""rgb(0, 51, 0)"">
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(153, 255, 255);"" title=""rgb(153, 255, 255)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(51, 255, 255);"" title=""rgb(51, 255, 255)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(102, 204, 204);"" title=""rgb(102, 204, 204)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(0, 204, 204);"" title=""rgb(0, 204, 204)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(51, 153, 153);"" title=""rgb(51, 153, 153)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(51, 102, 102);"" title=""rgb(51, 102, 102)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(0, 51, 51);"" title=""rgb(0, 51, 51)"">
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(204, 255, 255);"" title=""rgb(204, 255, 255)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(102, 255, 255);"" title=""rgb(102, 255, 255)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(51, 204, 255);"" title=""rgb(51, 204, 255)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(51, 102, 255);"" title=""rgb(51, 102, 255)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(51, 51, 255);"" title=""rgb(51, 51, 255)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(0, 0, 153);"" title=""rgb(0, 0, 153)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(0, 0, 102);"" title=""rgb(0, 0, 102)"">
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(204, 204, 255);"" title=""rgb(204, 204, 255)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(153, 153, 255);"" title=""rgb(153, 153, 255)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(102, 102, 204);"" title=""rgb(102, 102, 204)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(102, 51, 255);"" title=""rgb(102, 51, 255)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(102, 0, 204);"" title=""rgb(102, 0, 204)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(51, 51, 153);"" title=""rgb(51, 51, 153)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(51, 0, 153);"" title=""rgb(51, 0, 153)"">
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(255, 204, 255);"" title=""rgb(255, 204, 255)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(255, 153, 255);"" title=""rgb(255, 153, 255)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(204, 102, 204);"" title=""rgb(204, 102, 204)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(204, 51, 204);"" title=""rgb(204, 51, 204)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(153, 51, 153);"" title=""rgb(153, 51, 153)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(102, 51, 102);"" title=""rgb(102, 51, 102)"">
                </div>
            </td>
            <td>
                <div class=""ClrSwa"" style=""background-color: rgb(51, 0, 51);"" title=""rgb(51, 0, 51)"">
                </div>
            </td>
        </tr>
    </tbody>
</table>
";
    }
}
